<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta charset="utf-8">
  <title>数据字典页面</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<!--  1、 框架标签引入区 （start）-->
<!--  1、 框架标签引入区 （end）-->
<!--  2、 CSS声明区 （start）-->
<!--  2.0、引入CSS区 （start）-->
	<link rel="stylesheet" href="<%=request.getContextPath() %>/other/layui/css/layui.css"/>
  	<link rel="stylesheet" href="<%=request.getContextPath() %>/freeStyle/css/saber.css"/>
<!--  2.0、 引入CSS区 （end）-->
<!--  2.1、本界面CSS区 （start）-->
<!--  2.1、 本界面CSS区 （end）-->
<!--  2、 CSS声明区 （end）-->
<!--  3、JS声明区 （start）-->
<!--  3.0、 导入外部JS区 （start）-->
<!--  3.0、 导入外部JS区 （end）-->
<!--  3.1、 全局变量声明区 （start）-->
<script type="text/javascript">

</script>
<!--  3.1、 全局变量声明区 （end）--> 
<!--  3.2、 初始化区 （start）-->
<script type="text/javascript">

</script>
<!--  3.2、 初始化区 （end）-->
<!--  3.3、 页面控制区 （start）-->
<script type="text/javascript">

</script>
<!--  3.3、 页面控制区 （end）-->
<!--  3.4、 事件区 （start）-->
<script type="text/javascript">
function addBasedictionary(id,type){
	var url ="<%=request.getContextPath() %>/basedictionary/basedictionaryManagement.html?id="+id+"&pagetype="+type+"";
	layer.open({
		  type: 2 //此处以iframe举例
	        ,title: ['新增','font-size:18px;background-color:#fff;color:#000']
	        ,area: [$(document.body).width()-50+'px', $(document.body).height()-50+'px']
	        ,shade: 0
	        ,maxmin: true
	        ,content: url
	        ,zIndex: layer.zIndex //重点1
	        ,end :function(){
	        	renderTable();
	        }
		});    
}
function DownExeclBasedictionary(){
	var exceldata ="数据字典数据"
       	exceldata+="||pid:上级类型"
       	exceldata+="||dictionaryname:字典名称"
       	exceldata+="||dictionarycode:字典编号"
       	exceldata+="||typecode:类型编号"
       	exceldata+="||orderno:顺序"
       	exceldata+="||isdelete:是否删除"
       	exceldata+="||createuserid:创建者ID"
       	exceldata+="||createusername:创建者"
       	exceldata+="||createtime:创建时间"
       	exceldata+="||updateuserid:修改者ID"
       	exceldata+="||updateusername:修改者"
       	exceldata+="||updatetime:修改时间"
       	exceldata+="||valid:是否有效"
	var menuname ="" // $("#menuname").val();
	window.location.href='<%=request.getContextPath() %>/basemenu/DownExeclBasemenu.html?exceldata='+exceldata+'&menuname='+menuname;
}
function reloadList(){

}
</script>
<!--  3.4、 事件区 （end）-->
<!--  3.5、 回调区 （start）-->
<script type="text/javascript">
		
</script>
<!--  3.5、 回调区 （end）-->
<!--  3.6、 业务逻辑区 （start）-->
<!--  3.6、 业务逻辑区 （end）-->

<!--  3、 JS声明区 （end）-->
<body class="body">
<input type="hidden" name="exceldata" id="exceldata" >
	<div class="toobar">
		<div class="btn-left">
		 	<button onclick="addBasedictionary('','add')" class="layui-btn fps-btn-color layui-btn-radius layui-btn-sm"><i class="layui-icon">&#xe654;</i>数据字典新增</button>
		
		</div>
		<div class="btn-right">
		 	<button onclick="DownExeclBasedictionary()" class="layui-btn  layui-btn-radius fps-btn-color fps-btn-sm"><i class="layui-icon">&#xe601;</i>Excel导出</button>
		</div>
	</div>
	<div style="margin: 90px 50px 30px;background:#fff;padding:20px;">
		<div style="overflow:hidden;padding-bottom:10px;">
			<div style="float:left">
				<!-- <p style="float:left;line-height:32px;">菜单：</p>
				<input type="text" name="menuname" id="menuname" style="float:left;width:206px;height:32px;margin:0 2px;border:1px solid #ddd;"  value="" placeholder="请输入菜单"  class="layui-input">
			-->
			</div>
			<button class="layui-btn fps-btn-color fps-btn-sm" onclick="reloadList()"><i class="layui-icon">&#x1002;</i></button>
			<button class="layui-btn fps-btn-color fps-btn-sm" id="btn-expand">全部展开</button>
        	<button class="layui-btn fps-btn-color fps-btn-sm" id="btn-fold">全部折叠</button>
		</div>
		<table class="layui-hide" id="basedictionaryList" lay-filter="basedictionaryList"></table>
	</div>
</body>
 <script type="text/html" id="barTool">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="add">新增</a>
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/javascript" src="<%=request.getContextPath() %>/other/layui/layui.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/common/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/dateformat.js"></script>
<script type="text/javascript">
layui.config({
    base: '<%=request.getContextPath() %>/other/layui/module/'
}).extend({
    treetable: 'treetable-lay/treetable'
}).use(['treetable'], function () {
    var treetable = layui.treetable;
    
});
var renderTable;
layui.use(['treetable','table'], function(){
    var treetable = layui.treetable,table=layui.table;
    //渲染表格
      renderTable =function (){ 
	    treetable.render({
	        treeColIndex: 1,          // 树形图标显示在第几列
	        treeSpid: -1,             // 最上级的父级id
	        treeIdName: 'id',       // tid字段的名称
	        treePidName: 'pid',     // pid字段的名称
	        treeDefaultClose: true,   // 是否默认折叠
	        treeLinkage: true,        // 父级展开时是否自动展开所有子级
	        elem: '#basedictionaryList',
	        url: '<%=request.getContextPath() %>/basedictionary/loadBasedictionaryTree.html',
	        cols: [[
	            {type: 'numbers'},
	            {field: 'dictionaryname', title: '字典名称'},
	      		{field: 'dictionarycode', title: '字典编号'},
	      		{field: 'typecode', title: '类型编号'},
	      		{field: 'valid', title: '是否有效',templet: function(d){if(d.valid=='y'){return "启用";}else{return "禁用";}}},
	      		 {fixed: 'right', width:220, align:'center', toolbar: '#barTool'}
	      		]]
	    });
    }
    
    renderTable();
	//监听工具条
	  table.on('tool(basedictionaryList)', function(obj){
	    var data = obj.data;
	    if(obj.event === 'detail'){
	    	addBasedictionary(data.id,"detail");
	    } else if(obj.event === 'del'){
	      layer.confirm('请确认是否删除？', function(index){
	    	  $.ajax({
	              url:"<%=request.getContextPath() %>/basedictionary/deleteBasedictionary.html",
	              type:"post",
	              async: false,
	              data:{id:data.id},
	              success:function(res){
	      	        layer.close(index);
	            	renderTable();
	              },
	              error:function(e){
	            	  layer.alert("删除失败！");
	              }
	          });  
	      
	      });
	    } else if(obj.event === 'edit'){
	    	addBasedictionary(data.id,"edit");
	    }else if(obj.event === 'add'){
	    	addBasedictionary(data.id,"add");
	    }
	  });
	  $('#btn-expand').click(function () {
          treetable.expandAll('#basedictionaryList');
      });

      $('#btn-fold').click(function () {
          treetable.foldAll('#basedictionaryList');
      });

});

</script>
</body>
</html>